<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="format-detection" content="telephone=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-touch-fullscreen" content="yes">
	<meta content="telephone=no,email=no" name="format-detection" />
	<meta name="flexible" content="initial-dpr=2,maximum-dpr=3" />
	<!--去缓存-->
	<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
	<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
	<META HTTP-EQUIV="Expires" CONTENT="0"><!--end-->
	<title>羊仓健康生活家</title>
	<link rel="stylesheet" href="css/refunding.css" />
	<link rel="stylesheet" href="css/style.css" />
	<script type="text/javascript" src="js/jquery.min.js" ></script>
	<script type="text/javascript" src="js/flexible.js" ></script>
	<script type="text/javascript" src="js/basePathUtil.js" ></script>
	<!--货币格式化-->
	<script type="text/javascript" src="js/jquery-formatcurrency/jquery.formatCurrency.js" ></script>
	<!--弹出-->
	<script type="text/javascript" src="js/layer-mobile/layer.js" ></script>
	<script type="text/javascript">
		var basePath=basePath();
		var access_token = GetUrl("access_token");
	</script>
</head>
	<body style="background: #f2f2f2;">
		<div class="warp">
			<!--头部-->
			<div class="top">
				<!--<div class="refunding" id="refunding">-->
					<!--<p style="font-size: 0.375rem; padding-top: 0.375rem; text-align: center;">退款状态 : <span style="color:red">退款中</span></p>-->
					<!--<p style="font-size: 0.375rem; padding-top: 0.175rem; text-align: center; color:#999;">您的申请已提交成功，羊仓会尽快为您处理！</p>-->
				<!--</div>-->
				<!--<div class="refunding" id="refundover">-->
					<!--<p style="font-size: 0.375rem; padding-top: 0.375rem; text-align: center;">退款状态 : <span style="color:#007234">退款完成</span></p>-->
					<!--<p style="font-size: 0.375rem; padding-top: 0.175rem; text-align: center; color:#999;">您的申请已处理，请注意查收！</p>-->
				<!--</div>-->
			</div>
			<!--信息-->
			<div class="information">
				<p>退款信息</p>
			</div>
			<div class="content" id="content">
				<!--<div class="refundnumber">-->
					<!--<p class="refundnum">退款编号: <span> 00000</span></p>-->
				<!--</div>-->
				<!--<div class="order">-->
					<!--<p class="ordernumber">订单编号: <span> 00000</span></p>-->
				<!--</div>-->
				<!--&lt;!&ndash;订单内容&ndash;&gt;-->
				<!--<ul class="ulli">-->
					<!--<li>-->
						<!--<div class="licont">-->
							<!--<div class="lijpg">-->
								<!--<img src="../../../../../target/yangcangclub-api/yangcangclub/res/img/06.png">-->
							<!--</div>-->
							<!--<div class="litxt">-->
								<!--<p class="txt1">珍惜天地天然营养富硒鸡蛋 年卡 30枚/每月*12</p>-->
								<!--<p class="txt2">￥2376.00</p>-->
								<!--<p class="txt3">X<span>3</span></p>-->
							<!--</div>-->
						<!--</div>-->
					<!--</li>-->
					<!--<li>-->
						<!--<div class="licont">-->
							<!--<div class="lijpg">-->
								<!--<img src="../../../../../target/yangcangclub-api/yangcangclub/res/img/06.png">-->
							<!--</div>-->
							<!--<div class="litxt">-->
								<!--<p class="txt1">珍惜天地天然营养富硒鸡蛋 年卡 30枚/每月*12</p>-->
								<!--<p class="txt2">￥2376.00</p>-->
								<!--<p class="txt3">X<span>3</span></p>-->
							<!--</div>-->
						<!--</div>-->
					<!--</li>-->
				<!--</ul>-->
				<!--退款形式-->
				<!--<div class="refundform">-->
					<!--<ul>-->
						<!--<li>-->
							<!--<p>退款形式 : <span>整单退</span></p>-->
						<!--</li>-->
						<!--<li>-->
							<!--<p>退款金额 : <span>￥2523.00</span></p>-->
						<!--</li>-->
						<!--<li>-->
							<!--<p>退款原因 : <span>不想要了</span></p>-->
						<!--</li>-->
						<!--<li>-->
							<!--<p>退款说明 : <span>无</span></p>-->
						<!--</li>-->
						<!--<li>-->
							<!--<p>申请时间 : <span>2017.03.21</span><span>12:12:12</span></p>-->
						<!--</li>-->
						<!--<li>-->
							<!--<p>交易流水好 : <span>201703248567:02</span></p>-->
						<!--</li>-->
					<!--</ul>-->
				<!--</div>-->
			</div>
		</div>

	</body>
<script>
	function showName(value,typeName) {
		if(typeName=="applyRefundReasonType"){
			switch(value){
				case 1: return "不想要了";
				case 2: return "重复下单";
				case 3: return "其他";
				default:return "";
			}
		}
		if(typeName=="refundType"){
			switch(value){
				case 'F': return "整单退款";
				case 'G': return "商品退款";
				default:return "";
			}
		}
		if(typeName=="refundStatusName"){
			switch(value){
				case 'G': return '<span style="color:red">退款中</span>';
				case 'F': return '<span style="color:#007234">退款完成</span>';
				case 'N': return '<span style="color:red">退款失败</span>';
				default:return "";
			}
		}
		if(typeName=="refundStatusNameRemark"){
			switch(value){
				case 'G': return "退款中，羊仓会尽快为您处理！";
				case 'F': return "退款成功，请注意查收！";
				case 'N': return "退款失败，请联系羊仓客服！";
				default:return "";
			}
		}
		return "";
	}
	function item(trade,productList,tradeRefundList) {
		var top = '';
		top+='<div class="refunding" id="refunding">';
		top+='<p style="font-size: 0.375rem; padding-top: 0.375rem; text-align: center;">退款状态 : '+showName(trade.status,"refundStatusName")+'</p>';
		top+='<p style="font-size: 0.375rem; padding-top: 0.175rem; text-align: center; color:#999;">'+showName(trade.status,"refundStatusNameRemark")+'</p>';
		top+='</div>';
		$(".top").append(top);
		var item = '';
		item+='<div class="refundnumber">';
		item+='<p class="refundnum">退款编号: <span> '+tradeRefundList[0].refundNo+'</span></p>';
		item+='</div>';
		item+='<div class="order">';
		item+='<p class="ordernumber">订单编号: <span> '+trade.tradeNo+'</span></p>';
		item+='</div>';
		item+='<ul class="ulli">';
		$.each(productList, function(index, content){
			item+='<li>';
			item+='<div class="licont">';
			item+='<div class="lijpg">';
			item+='<img src="'+productList[index].productUrl+'">';
			item+='</div>';
			item+='<div class="litxt">';
			item+='<p class="txt1">'+productList[index].productName+'</p>';
			item+='<p class="txt2">'+$.getFormattedCurrency(productList[index].unitPrice)+'</p>';
			item+='<p class="txt3">x<span>'+productList[index].quality+'</span></p>';
			item+='</div>';
			item+='</div>';
			item+='</li>';
		});
		item+='</ul>';
		item+='<div class="refundform">';
		item+='<ul>';
		item+='<li>';
		item+='<p>退款形式 : &nbsp;&nbsp;<span>'+showName(tradeRefundList[0].refundType,"refundType")+'</span></p>';
		item+='</li>';
		item+='<li>';
		item+='<p>退款金额 : &nbsp;&nbsp;<span>'+$.getFormattedCurrency(tradeRefundList[0].applyRefundPrice)+'</span></p>';
		item+='</li>';
		item+='<li>';
		item+='<p>退款原因 : &nbsp;&nbsp;<span>'+showName(tradeRefundList[0].applyRefundReasonType,"applyRefundReasonType")+'</span></p>';
		item+='</li>';
		item+='<li>';
		item+='<p>退款说明 : &nbsp;&nbsp;<span>'+tradeRefundList[0].applyRefundReason+'</span></p>';
		item+='</li>';
		item+='<li>';
		item+='<p>申请时间 : &nbsp;&nbsp;<span>'+tradeRefundList[0].createDate+'</span></p>';
		item+='</li>';
		item+='<li style="height:1.4rem;">';
		item+='<p>交易流水号 : &nbsp;&nbsp;<span style="word-break:normal; width:6.5rem; display:block; white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ; float:right; background:#fff;">'+trade.transactionNo+'</span></p>';
		item+='</li>';
		item+='</ul>';
		item+='</div>';
		$("#content").append(item);
	}
	function tradeDetailShow(id){
		if(id=="" || id=="null" || id==null || id<1){
			layer.open({content: '订单不存在',skin: 'msg',time: 2});return;
		}
		$.ajax({
			type:"GET",
			url:basePath+"/v1/trade/api/showTrade?access_token="+access_token,
			dataType : 'json',
			data:{
				tradeId:id
			},
			success:function(data){
				if(data.code==1000) {
					item(data.data.tradeSummary,data.data.tradeDetailsList,data.data.tradeRefundList);
				}else{
					layer.open({content: data.msg,skin: 'msg',time: 2});
				}
			},
			error:function(data) {
			}
		});
	}
	tradeDetailShow(GetUrl("tradeId"));
</script>
</html>
